<template>
	<view class="passenger-flows">
		<view class="con-1">
			<nav-bar :title="venuename" color="white" bg="rgba(0,0,0,0)"></nav-bar>
			<view class="bg">
				<view class="address" @click="venueclick">
					场馆详情>
				</view>
			</view>
			<view class="fuwulist">
				<scroll-view scroll-x="true">
					<view class="list_1">
						<view class="image-text_14-0" v-for="(item,index) in fieldlist" :key="index"
							@click='fieldclicks(item,index)'>
							<!-- <image v-if="dateActivs === index" :src="item.img_s" class="image_19-0"></image>
							<image v-else :src="item.img" class="image_19-0"></image> -->
							<view class="text-group_14-0" :class="{'actives': dateActivs == index}">{{item.name}}</view>
						</view>
					</view>
				</scroll-view>
				<!-- 支付通道 -->
				<view class="paylist" v-if="dateActivs == 3">
					<u-tabs :list="tabsList" lineColor="#FE6146 " :activeStyle="{
						  color: '#FE6146 ',
						}" :inactiveStyle="{
						  color: '#c2c1c1',
						}" :lineWidth="30" :current="currentTab" @click="onClickTab" />
					<view class="alias-row">
						<view class="alias">
							别名
						</view>
						<view class="alias" style="margin-left: 180rpx;">
							排序
						</view>
					</view>
					<scroll-view style="height: 56vh;margin-left: 20rpx;" scroll-y="true">
						<u-checkbox-group v-model="checked" shape="circle">
							<view class="list">
								<view v-for="item in studentList" :key="item.id" class="item flex-align">
									<checkbox color="#2f75fa" :value="item.id" :checked="item.checked"
										@click="radioChecked(index, item)" style="transform:scale(0.7)"
										:disabled="item.disabled" />
									<view class=" info-container" style="display: flex;flex-direction: row; ">
										<view class="name">{{ item.name }}</view>
										<view class="input-wrapper">
											<input type="button" value="" placeholder="输入" class="aligned-input" />
										</view>
										<view class="input-wrapper" style="margin-left: 20rpx;">
											<input type="button" value="" placeholder="输入" class="aligned-input" />
										</view>
									</view>
								</view>
							</view>
						</u-checkbox-group>
						<view class="" style="width: 100%;height: 130rpx;"></view>
					</scroll-view>
					<!-- <view class="bottom-add-btn">
						<view class="btn" @click="onClick">
							保存
						</view>
					</view> -->
					<view class="d-flex flex-row justify-space-between justify-center align-center"
						style="position: fixed;bottom: 0;height: 120rpx;background-color: #fff;width: 100%;padding: 0 8%;z-index: 99;">
						<view class="" @click="onClick"
							style="width: 100%;height: 80rpx;background: linear-gradient(0deg, rgba(214, 53, 53, 0.9), rgba(255, 64, 64, 0.93), rgba(250, 142, 142, 0.93));
							border-radius: 80rpx 80rpx;color: #ffffff;font-size: 24rpx;text-align: center;border-radius: 35rpx;line-height: 80rpx;">
							保存
						</view>
					</view>
				</view>
				<view class="paylist" v-if="dateActivs == 1">
					<view class="d-flex flex-column">
						<!-- <view class="d-flex flex-row justify-end" style="width: 100%;">
							<view class="d-flex flex-column" @click="addclassroom"
								style="width: 160rpx;height: 60rpx;background: #ec652b;color: #ffffff;font-size: 24rpx;text-align: center;line-height: 60rpx;border-radius: 10rpx;margin-right: 20rpx;">
								创建教室
							</view>
						</view> -->
						<view class="d-flex flex-column " style="width: 94%;margin-top: 20rpx;margin-left: 3%;">
							<u-search @search="classroom_search" @custom="classroom_search" placeholder="搜索教室名称"
								:showAction="false" shape="square" v-model="classroom_name">
							</u-search>
						</view>
						<scroll-view style="height: 56vh;margin-left: 20rpx;" scroll-y="true">
							
							<view class="list">
								<view v-for="(item,index) in ClassList" :key="index" class="item flex-align">
									<view class="" style="box-shadow: 0px 6rpx 13rpx 1rpx rgba(23, 106, 180, 0.2);">
										<view class="d-flex flex-row" style="width: 710rpx;">
											<view
												style="width: 280rpx;height: 280rpx;background-color: #EDF5F5;display: flex;lex-direction: row; justify-content: center; align-items: center;">
												<image style="width: 300rpx;height: 260rpx;" :src="item.pic"
													mode="aspectFit"></image>
											</view>
											<view style="width: 350rpx;height: 280rpx;padding: 20rpx 0 0 20rpx;">
												<view class="d-flex flex-row "
													style="margin-top: 10rpx;margin-left: 20rpx;">
													<view class="" style="font-size: 28rpx;">
														{{item.classroom_name|| '' }}
													</view>
												</view>
												<view class=""
													style="font-size: 24rpx; color: #d9d9d9;margin-left: 20rpx;">
													{{item.venue_name|| '' }}
												</view>
												<view class="d-flex flex-row" style="margin:20rpx;">
													<view class="d-flex flex-column"
														style="width: auto;height: 35rpx;background: #3c9cff;color: #ffffff;font-size: 22rpx;text-align: center;border-radius: 5rpx;margin-right: 20rpx;padding: 5rpx 10rpx;">
														{{item.classroom_area|| '' }}㎡
													</view>
													<view class="d-flex flex-column"
														style="width: auto;height: 35rpx;color: #ee58f6;background: #fbdafd;font-size: 22rpx;text-align: center;border-radius: 5rpx;margin-right: 20rpx;padding: 5rpx 10rpx;">
														容纳{{item.classroom_students|| '' }}人
													</view>
												</view>
												<view class="d-flex flex-row" style="margin:20rpx;">
													<view class="d-flex flex-column"
														style="width: auto;height: 35rpx;background: #3c9cff;color: #ffffff;font-size: 22rpx;text-align: center;border-radius: 5rpx;margin-right: 20rpx;padding: 5rpx 10rpx;">
														楼层{{item.floor?item.floor:''}}
													</view>
													<view class="d-flex flex-column" v-for="im in item.train_program"
														style="width: auto;height: 35rpx;color: #ee58f6;background: #fbdafd;font-size: 22rpx;text-align: center;border-radius: 5rpx;margin-right: 20rpx;padding: 5rpx 10rpx;">
														{{im.name|| '' }}
													</view>
												</view>
											</view>
											<view class="d-flex flex-row " style="margin: 30rpx 20rpx 0 0;">
												<view class="" style="font-size: 24rpx;margin-right: 20rpx;"
													@click="onclassroom(item,index)">
													<image style="width: 30rpx;height: 30rpx;"
														src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/7886aba3ece8aae3b489b1944b48572a4f092c41.png"
														mode=""></image>
												</view>
												<view class="" style="font-size: 24rpx;"
													@click="classroomdel(item,index)">
													<image style="width: 30rpx;height: 30rpx;"
														src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/fe85ef51643a187a6090a929b34e93738e12e365.png"
														mode=""></image>
												</view>
											</view>
										</view>
									</view>
								</view>
							</view>
							<view class="" style="width: 100%;height: 130rpx;"></view>
						</scroll-view>
						<view class="d-flex flex-row justify-space-between justify-center align-center"
							style="position: fixed;bottom: 0;height: 120rpx;background-color: #fff;width: 100%;padding: 0 8%;z-index: 99;">
							<view class="" @click="addclassroom"
								style="width: 100%;height: 80rpx;background: linear-gradient(0deg, rgba(214, 53, 53, 0.9), rgba(255, 64, 64, 0.93), rgba(250, 142, 142, 0.93));
								border-radius: 80rpx 80rpx;color: #ffffff;font-size: 24rpx;text-align: center;border-radius: 35rpx;line-height: 80rpx;">
								创建教室
							</view>
						</view>
					</view>
				</view>
				<view class="paylist" v-if="dateActivs == 2">
					<view class="d-flex flex-column">
						<view class="d-flex flex-column " style="width: 94%;margin-top: 20rpx;margin-left: 3%;">
							<u-search @search="syname_search" @custom="syname_search" placeholder="搜索账号/名字"
								:showAction="false" shape="square" v-model="syname">
							</u-search>
						</view>
						<scroll-view style="height: 56vh;" scroll-y="true" @scrolltolower="loadMoreData">
							<view class="list">
								<view class=""
									style="background-color: #ffffff;width: 94%;margin-left: 3%;margin-top: 20rpx;position: relative;box-shadow: 0px 3px 6px 1px rgba(23, 106, 180, 0.2);"
									v-for="(item,index) in Cardlist " :key="index">
									<div class="d-flex flex-column" style="padding: 20rpx;">
										<view class="d-flex flex-column" style="margin-left: 20rpx;">
											<view class="d-flex flex-row align-center justify-space-between">
												<view class="d-flex flex-row">
													<view class="">
														<u-avatar :src="item.head_img" fontSize="50"></u-avatar>
													</view>
													<view class="" style="margin-left: 10rpx;">
														<view class="" style="font-size: 26rpx;">
															<text
																style="font-size: 26rpx;font-weight: 600;">{{item.nickname|| '' }}</text>
															<text
																style="margin-left: 10rpx;">内码{{ item.user_code|| '' }}</text>
														</view>
														<view class=""
															style="color: #c2c2c2;font-size: 24rpx;margin-top: 10rpx;">
															{{item.user_name|| ''}}
														</view>
													</view>
												</view>
												<view class="d-flex flex-row "
													style="position: absolute;right: 20rpx;top: 20rpx;">
													<view class="" style="font-size: 24rpx;margin-right: 20rpx;"
														@click="onsys(item,index)">
														<image style="width: 30rpx;height: 30rpx;"
															src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/7886aba3ece8aae3b489b1944b48572a4f092c41.png"
															mode=""></image>
													</view>
													<view class="" style="font-size: 24rpx;"
														@click="sysdel(item,index)">
														<image style="width: 30rpx;height: 30rpx;"
															src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/fe85ef51643a187a6090a929b34e93738e12e365.png"
															mode=""></image>
													</view>
												</view>
											</view>
											<view class="d-flex flex-row justify-space-between"
												style="margin:10rpx 20rpx 10rpx 0;font-size: 24rpx;">
												<view class="">
													生日：{{ item.birth|| '' }}
												</view>
												<view class="">
													年龄：{{ item.age|| '' }}
												</view>
											</view>

											<view class="d-flex flex-row justify-space-between"
												style="margin:10rpx 20rpx 10rpx 0;font-size: 24rpx;">
												<view class="">
													所属场馆：{{item.venueName|| ''}}
												</view>
												<view>入职时间：{{ item.join_date|| '' }}</view>
											</view>
											<view class="d-flex flex-row justify-space-between"
												style="margin:10rpx 20rpx 10rpx 0;font-size: 24rpx;">
												<view>上次登录：{{ item.last_login_time|| '' }}</view>
												<view>添加时间：{{ item.createTime || '' }}</view>
											</view>
											<view class="d-flex flex-row"
												style="margin:10rpx 20rpx 10rpx 0;font-size: 24rpx;">
												<view class="">
													所属角色：{{item.role_name|| ''}}
												</view>
											</view>
										</view>
									</div>
								</view>
							</view>
							<view class="" style="width: 100%;height: 130rpx;"></view>
						</scroll-view>
						<view class="d-flex flex-row justify-space-between justify-center align-center"
							style="position: fixed;bottom: 0;height: 120rpx;background-color: #fff;width: 100%;padding: 0 8%;z-index: 99;">
							<view class="" @click="addsys"
								style="width: 100%;height: 80rpx;background: linear-gradient(0deg, rgba(214, 53, 53, 0.9), rgba(255, 64, 64, 0.93), rgba(250, 142, 142, 0.93));
								border-radius: 80rpx 80rpx;color: #ffffff;font-size: 24rpx;text-align: center;border-radius: 35rpx;line-height: 80rpx;">
								创建员工
							</view>
						</view>
					</view>
				</view>
				<view class="paylist" v-if="dateActivs == 0">
					<view class="d-flex flex-column">
						<!-- <view class="d-flex flex-row justify-end" style="width: 100%;">
							<view class="d-flex flex-column" @click="addcampus"
								style="width: 160rpx;height: 60rpx;background: #ec652b;color: #ffffff;font-size: 24rpx;text-align: center;line-height: 60rpx;border-radius: 10rpx;margin-right: 20rpx;">
								创建校区
							</view>
						</view> -->
						<view class="d-flex flex-column " style="width: 94%;margin-top: 20rpx;margin-left: 3%;">
							<u-search @search="Schoolsearch" @custom="Schoolsearch" placeholder="搜索校区名称"
								:showAction="false" shape="square" v-model="venue_name">
							</u-search>
						</view>
						<scroll-view style="height: 56vh;" scroll-y="true">
							<view class="footer-3" style="margin-top: 20rpx;padding: 10rpx 10rpx 10rpx 0rpx;">
								<view class="flex-align" style="flex-wrap: wrap;">
									<!-- .slice(0,2) -->
									<view v-for="(im,indexx) in SchoolList" :key="indexx"
										style="margin-left: 30rpx;margin-bottom: 20rpx;box-shadow: 0px 3px 6px 1px rgba(23, 106, 180, 0.2);">
							
										<view class="" style="width: 100%;height: 140rpx;">
											<image style="width:332rpx;height: 212rpx;border-radius: 10rpx;"
												:src="im.venue_thumb" mode=""></image>
										</view>
										<view style="font-size: 26rpx;line-height: 33rpx;text-align: left;margin-top: 90rpx;color: #333333;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:332rpx;padding-left: 10rpx;">
											{{im.venue_name||''}}
										</view>
										<view style="font-size: 24rpx;line-height: 33rpx;text-align: left;margin-top: 10rpx;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:332rpx;padding-left: 10rpx;">
											{{im.address||''}}
										</view>
										<view class="tag-list flex-align" v-if="im && im.projects" style="padding-left: 10rpx;">
											<u-tag v-for="(item2,index2) in im.projects.slice(0, 3)" :key="index2" :text="item2.name" plain
												size="mini">
											</u-tag>
										</view>
										<view class="d-flex flex-row justify-space-between align-center"
											style="margin-top: 10rpx;padding-left: 10rpx;">
											<view class="d-flex flex-row align-center justify-center"
												style="font-size: 28rpx;">
												<view class="" style="font-size: 24rpx;margin-left: 10rpx;">
													{{im.leader?im.leader:''}}
												</view>
											</view>
											<view class=""
												style="font-size: 24rpx; color: #d9d9d9;margin-right: 20rpx;padding-right: 10rpx;">
												{{im.phone?im.phone:''}}
											</view>
										</view>
										<view class="d-flex flex-row" style="justify-content: flex-end;margin: 10rpx;">
											<view class="" style="font-size: 24rpx;margin-right: 20rpx;"
												@click="onSchool(im,index)">
												<image style="width: 30rpx;height: 30rpx;"
													src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/7886aba3ece8aae3b489b1944b48572a4f092c41.png"
													mode=""></image>
											</view>
											<view class="" style="font-size: 24rpx;"
												@click="schooldel(im,index)">
												<image style="width: 30rpx;height: 30rpx;"
													src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/fe85ef51643a187a6090a929b34e93738e12e365.png"
													mode=""></image>
											</view>
										</view>
									</view>
								</view>
							</view>
							<!-- <view class="list">
								<view v-for="(item,index) in SchoolList" :key="index" class="item flex-align"
									style="width: 94%;margin-left: 3%;">
									<view class="" style="box-shadow: 0px 6rpx 13rpx 1rpx rgba(23, 106, 180, 0.2);">
										<view class="">
											<view class="">
												<image style="width: 710rpx;height: 300rpx;" :src="item.venue_thumb"
													mode=""></image>
											</view>
											<view class="d-flex flex-row justify-space-between"
												style="margin-top: 10rpx;margin-left: 20rpx;">
												<view class="" style="font-size: 28rpx;">
													{{item.venue_name?item.venue_name:''}}
												</view>
											</view>
											<view class=""
												style="font-size: 24rpx; color: #d9d9d9;margin-left: 20rpx;margin-top: 10rpx;">
												{{item.address?item.address:''}}
											</view>
											<view class="d-flex flex-row justify-space-between align-center"
												style="margin-top: 10rpx;margin:20rpx;">
												<view class="d-flex flex-row" v-if="item && item.projects">
													<view class="d-flex flex-column"
														v-for="(im,idx) in item.projects.slice(0, 3)" :key="idx"
														style="width: 70rpx;height: 35rpx;background: #3c9cff;color: #ffffff;font-size: 22rpx;text-align: center;line-height: 35rpx;border-radius: 5rpx;margin-right: 20rpx;">
														{{im.name}}
													</view>
												</view>
												<view class="d-flex flex-row">
													<view class="" style="font-size: 24rpx;margin-right: 20rpx;"
														@click="onSchool(item,index)">
														<image style="width: 30rpx;height: 30rpx;"
															src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/7886aba3ece8aae3b489b1944b48572a4f092c41.png"
															mode=""></image>
													</view>
													<view class="" style="font-size: 24rpx;"
														@click="schooldel(item,index)">
														<image style="width: 30rpx;height: 30rpx;"
															src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/fe85ef51643a187a6090a929b34e93738e12e365.png"
															mode=""></image>
													</view>
												</view>
											</view>
											<view class="" style="width: 710rpx;padding: 0 20rpx;">
												<u-line length="98%"></u-line>
											</view>
											<view class="d-flex flex-row justify-space-between align-center"
												style="margin-top: 10rpx;margin:20rpx;">
												<view class="d-flex flex-row align-center justify-center"
													style="font-size: 28rpx;">
													<view class="" style="font-size: 24rpx;margin-left: 10rpx;">
														{{item.leader?item.leader:''}}
													</view>
												</view>
												<view class=""
													style="font-size: 24rpx; color: #d9d9d9;margin-right: 20rpx;">
													{{item.phone?item.phone:''}}
												</view>
											</view>
										</view>
									</view>
								</view>
							</view> -->
							<view class="" style="width: 100%;height: 130rpx;"></view>
						</scroll-view>
						<view class="d-flex flex-row justify-space-between justify-center align-center"
							style="position: fixed;bottom: 0;height: 120rpx;background-color: #fff;width: 100%;padding: 0 8%;z-index: 99;">
							<view class="" @click="addcampus"
								style="width: 100%;height: 80rpx;background: linear-gradient(0deg, rgba(214, 53, 53, 0.9), rgba(255, 64, 64, 0.93), rgba(250, 142, 142, 0.93));
								border-radius: 80rpx 80rpx;color: #ffffff;font-size: 24rpx;text-align: center;border-radius: 35rpx;line-height: 80rpx;">
								创建场馆校区
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	const venues = require("@/api/venues/venues.js");
	export default {
		data() {
			return {
				fieldlist: [{
					name: '场馆校区',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/eae08614e48e3a7bf77ef2e7acc836151ab5457c.png',
					img_s: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/5c68352a9fc3e3fe48225c87a780511c4154e189.png',
				}, {
					name: '教室管理',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/f665f4b8abddfc55570d4c28f8129813e5b4893e.png',
					img_s: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/dab4e5bcfe7511ccd0f921c12a608eb3a7c0d15a.png',
				}, {
					name: '员工管理',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/f665f4b8abddfc55570d4c28f8129813e5b4893e.png',
					img_s: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/dab4e5bcfe7511ccd0f921c12a608eb3a7c0d15a.png',
				}, {
					name: '支付配置',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/f665f4b8abddfc55570d4c28f8129813e5b4893e.png',
					img_s: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/42843825faf8a21dd56434cf41ba9940660f558a.png',
				}],
				studentList: [{
						id: 99,
						name: "现金",
						checked: true,
						disabled: true
					},
					{
						id: 1,
						name: "记账",
						checked: false,
						disabled: false
					},
					{
						id: 2,
						name: "微信",
						checked: false,
						disabled: false
					},
					{
						id: 3,
						name: "银行卡",
						checked: false,
						disabled: false
					},
				],
				dateActivs: 0,
				tabsList: [{
						name: "支付方式配置"
					},
					{
						name: "场馆"
					}
				],
				currentTab: 0,
				selectLength: 0,
				applicant: '',
				applicantlist: [],
				pid: '',
				SchoolList: [],
				ClassList: [],
				venue_name: '',
				classroom_name: '',
				listQuery: { //分页
					pageNo: 1,
					pageSize: 6,
				},
				totalPage: '', //几页
				Cardlist: [],
				syname: '',
				venuename:''
			}
		},
		onLoad(options) {
			console.log(options,'options')
			this.pid = options.pid
			this.venuename=  options.venue_name
			// uni.setNavigationBarTitle({
			// 	title: options.venue_name
			// });
		},
		onShow() {
			this.getClassRoom()
			this.getSchoolList()
			this.sysuserindex()
		},
		methods: {
			onsys(item, index) {
				uni.navigateTo({
					url: `../../page_system/employeedetail/index?selectionArr=${encodeURIComponent(JSON.stringify(item))}` +
						"&pid=" + this.pid + "&status=" + 1
				})
			},
			sysdel(item, index) {
				console.log(item, index, 'item, index')
				let that = this
				uni.showModal({
					title: '提示',
					// 提示文字
					content: `是否删除${item.nickname}员工`,
					// 取消按钮的文字自定义
					cancelText: "取消",
					// 确认按钮的文字自定义
					confirmText: "确定",
					//删除字体的颜色 
					confirmColor: '#000000',
					//取消字体的颜色
					cancelColor: '#999',
					success: function(res) {
						if (res.confirm) {
							let params = {
								uuid: item.uuid
							};
							venues.venuedel(params).then(res => {
								if (res.code == 1) {
									uni.$u.toast(res.info);
									setTimeout(() => {
										that.sysuserindex()
									}, 1000)
								}
							})
						} else {
							console.log(222)
						}
					}
				})
			},
			classroom_search(e) {
				this.classroom_name = e
				this.getClassRoom()
			},
			Schoolsearch(e) {
				this.venue_name = e
				this.getSchoolList()
			},
			async getSchoolList() {
				let params = {
					pid: this.pid,
					venue_name: this.venue_name
				};
				let res = await venues.getSchoolList(params);
				if (res.code === 1) {
					this.SchoolList = res.data
				}
			},
			async getClassRoom() {
				let params = {
					pid: this.pid,
					classroom_name: this.classroom_name
				};
				let res = await venues.getClassRoom(params);
				if (res.code === 1) {
					this.ClassList = res.data
				}
			},
			async sysuserindex() {
				let that = this;
				if (this.listQuery.pageNo == 1) that.Cardlist = [];
				let params = {
					page: this.listQuery.pageNo,
					pageSize: this.listQuery.pageSize,
					venue_id: this.pid,
					name: this.syname
				};
				let res = await venues.sysuserindex(params);
				if (res.code === 1) {
					that.Cardlist = that.Cardlist.concat(res.data.data); //将数据拼接在一起
					that.totalPage = res.data.last_page
				}
			},
			loadMoreData() {
				if (this.totalPage <= this.listQuery.pageNo) {
					uni.showToast({
						title: '没有更多了',
						duration: 2000,
						icon: 'none'
					});
					return
				}
				this.listQuery.pageNo += 1;
				this.sysuserindex()
			},
			syname_search(e) {
				this.syname = e
				this.sysuserindex()
			},
			addcampus() {
				uni.navigateTo({
					url: './campus?pid=' + this.pid + "&status=" + 2
				})
			},
			onSchool(item, index) {
				uni.navigateTo({
					// url: './campus?pid=' + this.pid
					url: `./campus?selectionArr=${encodeURIComponent(JSON.stringify(item))}` +
						"&pid=" + this.pid + "&status=" + 1
				})
			},
			addclassroom(item, index) {
				uni.navigateTo({
					url: './classroom?pid=' + this.pid + "&status=" + 2
				})
			},
			onclassroom(item, index) {
				uni.navigateTo({
					// url: './classroom?pid=' + this.pid + "&status=" + 1
					url: `./classroom?selectionArr=${encodeURIComponent(JSON.stringify(item))}` +
						"&pid=" + this.pid + "&status=" + 1
				})
			},
			addsys() {
				uni.navigateTo({
					url: '../../page_system/employeedetail/index?pid=' + this.pid + "&status=" + 2
				})
			},
			classroomdel(item, index) {
				let that = this
				uni.showModal({
					title: '提示',
					// 提示文字
					content: `是否删除${item.classroom_name}教室`,
					// content: '是否删除！',
					// 取消按钮的文字自定义
					cancelText: "取消",
					// 确认按钮的文字自定义
					confirmText: "确定",
					//删除字体的颜色 
					confirmColor: '#000000',
					//取消字体的颜色
					cancelColor: '#999',
					success: function(res) {
						if (res.confirm) {
							let params = {
								id: item.id
							};
							venues.delClassRoom(params).then(res => {
								if (res.code == 1) {
									uni.$u.toast(res.info);
									setTimeout(() => {
										that.getClassRoom()
									}, 1000)
								}
							})
						} else {
							console.log(222)
						}
					}
				})
			},
			schooldel(item, index) {
				let that = this
				uni.showModal({
					title: '提示',
					// 提示文字
					content: `是否删除${item.venue_name}`,
					// 取消按钮的文字自定义
					cancelText: "取消",
					// 确认按钮的文字自定义
					confirmText: "确定",
					//删除字体的颜色 
					confirmColor: '#000000',
					//取消字体的颜色
					cancelColor: '#999',
					success: function(res) {
						if (res.confirm) {
							let params = {
								id: item.id
							};
							venues.delSchool(params).then(res => {
								if (res.code == 1) {
									uni.$u.toast(res.info);
									setTimeout(() => {
										that.getSchoolList()
									}, 1000)
								}
							})
						} else {
							console.log(222)
						}
					}
				})
			},

			radioChecked(index, item) {
				this.applicantlist = []
				item.checked = !item.checked
				this.selectLength = this.studentList.filter(item => item.checked).length || 0
				this.studentList.forEach((el, idx) => {
					if (el.checked) {
						this.applicantlist.push(el.id)
					}
				})
				this.applicant = this.applicantlist.toString()
			},
			onClick() {
				if (this.applicant == '') {
					this.applicant = this.studentList.filter(item => item.checked);
				}
				// uni.navigateTo({
				// 	url: './payment-channel'
				// })
			},
			onClickTab({
				index
			}) {
				this.currentTab = index;
			},
			// 分类点击
			fieldclicks(item, index) {
				if (index == 0) {} else if (index == 1) {
					this.getClassRoom()
				} else if (index == 2) {
					this.listQuery.pageNo = 1
					this.sysuserindex()
				} else if (index == 3) {
					this.getSchoolList()
				}
				this.dateActivs = index
			},
			venueclick() {
				uni.navigateTo({
					url: './venue-details'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.passenger-flows {
		width: 100%;
		height: 100vh;
		display: flex;
		flex-direction: column;
		background-color: #EDF5F5;
		padding: 0rpx 0 50rpx 0;
		position: relative;

		.con-1 {
			width: 100%;
			position: relative;

			/deep/ .nav-bar {
				position: fixed;
				z-index: 999;
			}

			.bg {
				width: 100%;
				height: 477rpx;
				background-image: url("https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/4148c993af549e5c6a07826efcd5fbc1eaf76957.png");
				background-size: 100%;
				background-position: 50% 80%;
				position: fixed;
				z-index: 9;

				.address {
					width: 151rpx;
					height: 62rpx;
					background: rgba(51, 51, 51, 0.8);
					border-radius: 30rpx;
					font-size: 24rpx;
					color: #FFFFFF;
					line-height: 62rpx;
					text-align: center;
					position: absolute;
					right: 20rpx;
					bottom: 60rpx;
				}
			}

			.fuwulist {
				position: absolute;
				right: 0rpx;
				top: 460rpx;
				width: 100%;
				height: auto;
				background-color: #ffffff;
				border-radius: 20rpx 20rpx 0 0;
				z-index: 999;

				.paylist {
					.tag-list {
						margin-top: 10rpx;

						/deep/ .u-tag {
							height: 37rpx;
							margin-right: 10rpx !important;

							.u-tag__text {
								font-size: 23rpx !important;
							}
						}
					}

					.alias-row {
						display: flex;
						flex-direction: row;
						margin-left: 280rpx;
						font-size: 24rpx;
					}

					.list {
						.item {
							padding: 20rpx 0;

							.info-container {
								display: flex;
								// flex-grow: 1;
								align-items: center;
								justify-content: space-between;
								padding-right: 20rpx;
								/* 根据需要调整右边距 */
							}

							.name {
								width: 130rpx;
							}

							.input-wrapper {
								min-width: 100rpx;
								/* 根据需要设置最小宽度 */
							}

							.aligned-input {
								font-size: 22rpx;
								border: 1rpx #e8e8e8 solid;
								padding-left: 10rpx;
								width: 200rpx;
								/* 使输入框填充整个容器 */
								box-sizing: border-box;
								/* 确保内边距和边框计入元素总宽度 */
							}

							.tag {
								margin-left: 10rpx;
							}

							.phone {
								color: #BEBEBE;
								font-size: 26rpx;
								margin-top: 13rpx;
							}
						}
					}

					// .list {
					// 	.scroll-view_H {}

					// 	.item {
					// 		margin-top: 20rpx;

					// 		.info-container {
					// 			display: flex;
					// 			// flex-grow: 1;
					// 			align-items: center;
					// 			justify-content: space-between;
					// 			padding-right: 20rpx;
					// 			/* 根据需要调整右边距 */
					// 		}

					// 		.name {
					// 			width: 130rpx;
					// 		}

					// 		.input-wrapper {
					// 			min-width: 100rpx;
					// 			/* 根据需要设置最小宽度 */
					// 		}

					// 		.aligned-input {
					// 			font-size: 22rpx;
					// 			border: 1rpx #e8e8e8 solid;
					// 			padding-left: 10rpx;
					// 			width: 200rpx;
					// 			/* 使输入框填充整个容器 */
					// 			box-sizing: border-box;
					// 			/* 确保内边距和边框计入元素总宽度 */
					// 		}

					// 		.info {
					// 			margin-left: 20rpx;

					// 			.name {
					// 				font-size: 26rpx;
					// 				font-weight: 500;
					// 				color: #333333;
					// 			}

					// 			.phone {
					// 				font-size: 24rpx;
					// 				font-weight: 500;
					// 				color: #bebebe;
					// 				margin-top: 10rpx;
					// 			}
					// 		}
					// 	}
					// }


					.bottom-add-btn {
						width: 100%;
						height: 170rpx;
						background-color: #fff;
						position: fixed;
						bottom: 0;

						.btn {
							width: 90%;
							text-align: center;
							font-size: 36rpx;
							font-weight: 800;
							color: #FFFFFF;
							display: flex;
							flex-direction: column;
							justify-content: center;
							align-items: center;
							height: 80rpx;
							background: linear-gradient(0deg, rgba(214, 53, 53, 0.9), rgba(255, 64, 64, 0.93), rgba(250, 142, 142, 0.93));
							border-radius: 80rpx 80rpx;
							margin: 20rpx auto 0;
						}
					}
				}

				.list_1 {
					width: 687rpx;
					height: 100rpx;
					flex-direction: row;
					display: flex;
					justify-content: space-between;
					margin: 30rpx 0 0 30rpx;
				}

				.image-text_14-0 {
					width: 100rpx;
					height: 80rpx;
					// margin-right: 52rpx;
					margin: 0 20rpx;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					justify-content: center;

					.date-item {
						// padding: 20rpx 20rpx;
						width: 100rpx;
						height: 100rpx;
						border-radius: 50% 50%;
						background-color: #e5e5e5;
						color: #e5e5e5;
					}

					.active {
						width: 100rpx;
						height: 100rpx;
						border-radius: 50% 50%;
						background-color: #886cff;
						color: #886cff;
					}

					.image_19-0 {
						width: 96rpx;
						height: 96rpx;
						// margin-top: 25rpx;
						// margin-left: 30rpx;
					}

					.text-group_14-0 {
						color: rgba(51, 51, 51, 1);
						font-size: 26rpx;
						text-align: center;
						// margin: 10rpx 0 0 27rpx;
					}

					.actives {
						color: #FE6146 !important;
						font-size: 26rpx;
						text-align: center;
						// text-align: left;
						// margin: 10rpx 0 0 27rpx;
					}



				}
			}
		}


		.title {
			font-size: 28rpx;
			font-weight: 700;
		}

	}
</style>